<template>
  <el-row>
    <el-card :shadow="shadow" :class="'card_staff ' + (border == false ? 'header_bottom' : '')" :style="'width:' + width">
      <div class="card-content">
        <slot></slot>
      </div>
    </el-card>
  </el-row>
</template>

<script>
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    width: {
      type: String,
      default: "100%",
    },
    border: {
      type: Boolean,
      default: false,
    },
    shadow: {
      type: String,
      default: "never",
    },
  },
});
</script>
<style lang='scss' scoped>
::v-deep(.header_bottom .el-card__header) {
  border-bottom: none;
}

.card_staff {
  margin-bottom: 8px;
  height: 100%;
}
:deep(.el-card__body){
  padding: 0;
  height: 100%;
  box-sizing: border-box;
}
.card-content{
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
}
</style>